<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title><style>
	body{background-color: #E8E7E3;}
	.shouye a{text-decoration: none; color: coral;}
	.box1{height: 200px;width: 300px; float: left;background-color: aqua;border-radius: 20px;}
	.box1 a{text-decoration: none;}
	.box1 a:hover{background-color: #3F3F3F;color: #E8E7E3;}
	.box1 a{display: block;text-decoration: none;color: #777777;font-size: 25px;padding: 100px 50px;}
	.box2{height: 200px;width: 300px; float: left;background-color:darkgoldenrod;border-radius: 20px;}
	.box2 a{text-decoration: none;}
	.box2 a:hover{background-color: #3F3F3F;color: #E8E7E3;}
	.box2 a{display: block;text-decoration: none;color: #777777;font-size: 25px;padding: 100px 50px;}
	.box3{height: 200px;width: 300px; float: left;background-color:springgreen;border-radius: 20px;}
	.box3 a{text-decoration: none;}
	.box3 a:hover{background-color: #3F3F3F;color: #E8E7E3;}
	.box3 a{display: block;text-decoration: none;color: #777777;font-size: 25px;padding: 100px 50px;}
	</style>
</head>

<body><h1 class="shouye" align="left"><a href="shouye.html" >首页</a></h1>
	<div class="box1"><a href="xiaoduji.html">消毒剂</a>
	</div>
	<div class="box2"><a href="kouzhao.html">口罩</a>
	</div>
	<div class="box3"><a href="xishouye.html">洗手液</a>
	</div>
	<body background="16.png" ></body>
</body>
</html>
